<template>
<div v-if="isShow">
    <cu-custom bgColor="bg-gradual-blue" :isBack="true">
        <block slot="backText">返回</block>
        <block slot="content">首页详情</block>
    </cu-custom>
    <view class="cu-form-group">
        <view class="title">姓名</view>
        <input placeholder="" disabled name="input" :value="imgList[0].lusername" />
    </view>
    <view class="cu-form-group">
        <view class="title">职位</view>
        <input placeholder="" disabled name="input" :value="imgList[0].lpost" />
    </view>
    <view class="cu-form-group">
        <view class="title">公司</view>
        <input placeholder="" disabled name="input" :value="imgList[0].lcompanyname" />
    </view>
    <view class="cu-form-group">
        <view class="title">电话</view>
        <input placeholder="" disabled name="input" :value="imgList[0].lhelptype" />
    </view>
    <view class="cu-form-group">
        <view class="title">行业</view>
        <input placeholder="" disabled name="input" :value="imgList[0].ltype" />
    </view>
    <view class="cu-form-group">
        <view class="title">发布类型</view>
        <input placeholder="" disabled name="input" :value="imgList[0].lhelptype" />
    </view>
    <view class="cu-form-group align-start">
        <view class="title">求助发布</view>
        <textarea maxlength="-1" :disabled="modalName!=null" :value="imgList[0].lhelpcontent" placeholder="多行文本输入框"></textarea>
    </view>
    <view class="cu-form-group align-start">
        <view class="title">地址</view>
        <textarea maxlength="-1" :disabled="modalName!=null" :value="imgList[0].laddress" placeholder="多行文本输入框"></textarea>
    </view>
    <view class="cu-bar bg-white margin-top">
        <view class="action">
            图片显示
        </view>
        <view class="action">
            1
        </view>
    </view>
    <view class="cu-form-group">
        <view class="grid col-4 grid-square flex-sub">
            <view class="bg-img" v-for="(item,index) in imgListimage" :key="index" @tap="ViewImage" :data-url="imgListimage[index]">
                <image :src="imgListimage[index]" mode="aspectFill"></image>
            </view>
        </view>
    </view>
</div>
</template>

<script>
import {
    getHomeHelpInfo
} from '@/service/home.js'
export default {
    data() {
        return {
            modalName: null,
            isShow: false,
            imgList: [],
            imgListimage: []
        }
    },
    onLoad(options) {
        getHomeHelpInfo(options.lmobile, options.lid, 1, 'ALL').then(res => {
            this.imgList = res.data.data
            this.imgListimage[0] = res.data.data[0].lcompanylogo
            this.isShow = true
        })
    },
    mounted(e) {
    },
    methods: {
       
        ViewImage(e) {
            uni.previewImage({
                urls: this.imgListimage,
                current: e.currentTarget.dataset.url
            });
        },
    }
};
</script>

<style lang="scss">

</style>